<script lang="ts">
  export let size: 'small' | 'medium' | 'large'
  export let fill: string = 'currentColor'
</script>

<svg class="svg-{size}" {fill} viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
  <path
    d="M7,7.1C7,6.5,7.3,6,7.8,5.6C8.4,5.3,9.2,5,10.1,5c1.3,0,2.4,0.6,2.8,1.2c0.1,0.2,0.4,0.3,0.7,0.2s0.3-0.4,0.2-0.7C13.1,4.6,11.6,4,10.1,4C9,4,8,4.3,7.3,4.8C6.5,5.4,6,6.2,6,7.1C6,7.8,6.3,8.5,6.8,9h1.7C7.6,8.6,7,7.8,7,7.1zM15.5,10c0.3,0,0.5,0.2,0.5,0.5S15.8,11,15.5,11h-2.3c0.5,0.5,0.8,1.1,0.8,1.9c0,0.9-0.5,1.7-1.3,2.2C12,15.7,11,16,9.9,16c-1.6,0-3-0.7-3.7-1.7C6,14,6.1,13.7,6.3,13.6c0.2-0.2,0.5-0.1,0.7,0.1C7.5,14.5,8.5,15,9.9,15c0.9,0,1.7-0.3,2.3-0.7c0.6-0.4,0.8-0.9,0.8-1.4c0-0.8-0.6-1.5-1.8-1.9H4.5C4.2,11,4,10.8,4,10.5S4.2,10,4.5,10H15.5z"
  />
</svg>
